<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Enoupps Business Oriented HTML Template</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--For FlexSlider -->

<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link href="js/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="js/jquery.niftymodals/css/component.css" />  

<script src="js/jquery.flexslider-min.js"></script>
<!--For Menu-->
<script type="text/javascript" src="js/superfish.js"></script>
<script type='text/javascript' src='js/jquery.custom.js?ver=1.0'></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>


<script src="js/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/jquery.niftymodals/js/jquery.modalEffects.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>

<!--For Accordian-->
<script type='text/javascript' src='js/jquery-ui-1.8.5.custom.min.js'></script>


<script>
  $(document).ready(function() {
    $("#accordion").accordion();
  });
  </script>
</head>
<body>
<!--Top menu-->
<div class="md-modal md-dark success custom-width md-effect-9" id="form-green">
                    <div class="md-content">
                      <div class="modal-header">
                        <h3>用户登录</h3>
                        <button type="button" class="close md-close" data-dismiss="modal" aria-hidden="true">×</button>
                      </div>
                      <div class="modal-body form">
                        <div class="text-center">
                          <h5>只有登录才能发布贴士哟！如果还没有注册，请猛戳注册按钮</h5>
                        </div>

                        <div class="form-group spacer2">
                          <label>用户名</label> <input type="email" class="form-control" placeholder="username@example.com">
                        </div>
                        <div class="form-group">
                          <label>密码</label> <input type="name" class="form-control" placeholder="John Doe">
                        </div>
                        
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-success btn-flat md-close" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-success btn-flat  md-close md-trigger" data-modal="form-reg">注册</button>
                        <button type="button" class="btn btn-success btn-flat md-close" data-dismiss="modal">登录</button>
                      </div>
                    </div>
                </div>
                <div class="md-modal md-dark success custom-width md-effect-9" id="form-reg">
                    <div class="md-content">
                      <div class="modal-header">
                        <h3>用户注册</h3>
                        <button type="button" class="close md-close" data-dismiss="modal" aria-hidden="true">×</button>
                      </div>
                      <div class="modal-body form">
                        <div class="text-center">
                        </div>

                        <div class="form-group spacer2">
                          <label>用户名</label> <input type="email" class="form-control" placeholder="username@example.com">
                        </div>
                        <div class="form-group">
                          <label>密码</label> <input type="name" class="form-control" placeholder="John Doe">
                        </div>
                        
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-success btn-flat md-close" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-success btn-flat md-trigger" data-dismiss="modal">注册</button>
                      </div>
                    </div>
                </div>
<div id="top">
  <div class="top-inner">
    <div id="logo"> <a href="#"><img src="images/logo.png" alt="" border="0" /></a> </div>
    <div id="primary-nav">
      <ul id="menu-primary-menu" class="sf-menu">
        <li><a href="index.html"><span>主页</span></a> </li>
        <li><a href="blog.html"><span>贴士</span></a></li>
        <li><a href="about.html"><span>目的地</span></a></li>
        <li><a href="blog.html"><span>景点</span></a></li>
        <li><a href="portfolio.html"><span>发布</span></a></li>
        <li><a class="md-trigger" data-modal="form-green">登录</a>
      </ul>
      <!-- END #primary-nav -->
    </div>
  </div>
</div>
<!--Banner-->
<div id="banner">
  <div class="banner-inner">
    <div class="flexslider">
      <ul class="slides">
        <li class="blue">
          <div><img src="images/banner-1.jpg"  /> </div>
        </li>
        <li>
          <div> <img src="images/banner-2.jpg"  /> </div>
        </li>
        <li>
          <div> <img src="images/banner-3.jpg"  /> </div>
        </li>
        <li>
          <div> <img src="images/banner-4.jpg"  /> </div>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="pattern"> </div>
<!--Middle section-->
<div id="middle-sdo1">
  <div id="middle">
    <!--Message-->
    <div class="message">即便是茫茫人海中普通的一名背包客，你的一条贴士，<br />
      也可以让旅行者们看到他们心中的世界.</div>
    <!--Feature Box-->
    
    <!--Recent Work-->
    <div class="recent-work">
      <div class="work">
        <h2 class="patrn">贴士精选</h2>
        <h3>每到一个新的城市，旅行者再一次发现他的过去，对于你不再拥有的那些东西的陌生感源自于你在异国的等待。</h3>
        <a href="blog.html" class="more">查看更多 &rarr; </a> </div>
      <div class="gallery">
        <ul>
          <li><a href="images/big-img.jpg" rel="prettyPhoto[gallery2]"><img src="images/work1.jpg" alt=""  />Graphic River <span>Print Design</span></a> </li>
          <li><a href="images/big-img.jpg" rel="prettyPhoto[gallery2]"><img src="images/work2.jpg" alt="" />Dietary Counseling <span>Website / Interface Design</span></a> </li>
          <li class="margin0"><a href="images/big-img.jpg" rel="prettyPhoto[gallery2]"><img src="images/work3.jpg" alt="" />Rockable Press <span>Branding</span></a> </li>
        </ul>
      </div>
    </div>
    <!--Who we are-->
<!--Footer -->
<div id="footer">
  <div id="footer-inner">
    <div class="client-say">
      <h3>关于“未来旅行家”</h3>
      <img src="images/client.jpg" alt="" class="flleft grayborR" />
      <p>目前旅游业成为一项迅速发展的产业，由此也带来了诸多问题，比如旅游业的一些黑幕和竞争之下带来价格上的比拼和实际质量的缩水。对于景点特色的推荐和黑幕的揭露尤为重要，因此这也是我们网站的特色所在。 </p>
    </div>
    <div class="footer-details">
      <h3>联系我们</h3>
      <div class="address"><img alt="" src="images/address.png"> <strong>地址:</strong> 上海市嘉定区曹安公路4800号同济大学</div>
      <div class="address"><img height="18" width="21" alt="" src="images/phone.png"> <strong>电话:</strong> 18622889061</div>
      <div class="address"><img height="12" width="22" alt="" src="images/mail.png"> <strong>邮箱:</strong> <a href="mailto:23lukia@tongji.edu.cn">23lukia@tongji.edu.cn</a></div>
    </div>
  </div>
  <!--Footer Info-->
  <div class="Finfo">
    <div class="copyright" align="center">  All Rights Reserved &copy;2014 未来旅行家</div>
  </div>
</div>
<!--ipt type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-4238664-4']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</scri-->

</body>
</html>
